<template>
  <div class="view-result-error">
    <a-result status="error" title="提交失败" sub-title="请核对并修改以下信息后，再重新提交.">
      <template #extra>
        <a-button key="console" type="primary">返回修改</a-button>
      </template>

      <div class="view-result-error-desc">
        <p style="font-size: 16px">
          <strong>您提交的内容有如下错误：:</strong>
        </p>
        <p>
          <close-circle-outlined :style="{ color: 'red' }" />
          您的账户已被冻结
          <a>立即解冻 &gt;</a>
        </p>
        <p>
          <close-circle-outlined :style="{ color: 'red' }" />
          您的账户还不具备申请资格
          <a>立即升级 &gt;</a>
        </p>
      </div>
    </a-result>
  </div>
</template>

<script lang="ts" setup name="index">
import { CloseCircleOutlined } from '@ant-design/icons-vue'
/**
 * setup
 * @param {*}
 * @returns
 */
</script>

<style lang="less">
@import './index.less';
</style>
